<!-- 新房动态子组件 -->
<template>
  <div class="newHouse">
    <a :href="item.href" v-for="item in arr" :key="item.id">{{item.title}}</a>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  props: {
    arr: {
      typeof: Array,
      default: []
    }
  }
})
</script>

<style lang="less" scoped>
.newHouse {
  margin-bottom: 72px;
  a {
    display: block;
    width: 240px;
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'HarmonyOS Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
  }
  a:last-child {
    margin-bottom: 0;
  }
}
.newHouse:last-child {
  margin-bottom: 0;
}
</style>
